<script setup lang="ts">
import { ref } from "vue"
import Game from "./components/Game/index.vue"
import Start from "./components/Start/index.vue"
const startStatus = ref<boolean>(false);
const start = () => {
  startStatus.value = true;
}
</script>

<template>
  <div class="wrapper">
    <Start v-if="!startStatus" @start="start" />
    <Game v-else v-model:show="startStatus" />
  </div>
</template>

<style scoped lang="less">
.wrapper {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
</style>
